<script setup setup lang="ts">
// 这是一个使用TypeScript的Vue3组件，采用setup语法糖
// 该组件主要用于演示默认插槽的基本用法，无需额外逻辑，因此脚本部分为空
</script>

<template>
    <!-- 组件的固定内容：显示"测试插槽的组件"文本 -->
    <div>测试插槽的组件</div>

    <!--
      默认插槽（未指定name属性的插槽）：
      - 作用：允许父组件预留的内容插入点，父组件可以通过该插槽自定义内容
      - 默认内容：当父组件没有提供插槽内容时，会显示<slot>标签内部的默认内容（这里是<p>这是默认内容</p>）
      - 父组件使用方式：
        1. 若提供内容：<TestSlot>父组件插入的内容</TestSlot>，则显示父组件内容
        2. 若不提供内容：<TestSlot/>，则显示默认的"这是默认内容"
    -->
    <slot>
        <p>这是默认内容</p>
    </slot>
</template>

<style scoped>
/*
  scoped属性确保样式仅作用于当前组件内部元素
  目前该组件无需自定义样式，故样式块为空
*/
</style>